<template>
    <div class="filter">
        <div class="filContainer">
            <i class="el-icon-s-open filImg"></i>
            <input type="text" placeholder="未命名的过滤器" @focus="getFocus()">
            <i class="el-icon-caret-bottom filBottom"></i>
            <ul v-show="filterListShow">
                <li><span>关闭过滤器</span></li>
                <li><span>未命名的过滤器</span><i class="el-icon-edit"></i><i class="el-icon-circle-plus-outline"></i><i class="el-icon-delete"></i></li>
                <li><span>创建新的过滤器</span></li>
            </ul>
        </div>
    </div>
</template>

<script>
    export default {
        name:'filter',
        data() {
            return {
                filterListShow:false
            };
        },


        mounted() {
            console.log(this.PdialogVisible)
        },
        methods: {
            getFocus(){
                this.filterListShow=!this.filterListShow;
            }
        }
    };
</script>
<style lang="less" scoped>
    @import url('./css/filter');
</style>
